@use "sass:math";
/**
 * 铺满全屏的适配vw vh 单位
*/
//存放全局变量 全局函数

$designWidth:1920;//设计宽度
$designHeight:1080;//设计高度
$fontScale:16;//1rem=190px

/**
 * 由设计尺寸获取实际显示宽度占比
 * @param {Number} w  设计宽度
 * @return  **vw
 */
@function getWidth($w,$flag:true){
  @if $flag == true {
    @return math.div($w,$designWidth)*100 + unquote("vw")
  }
  @if $flag == false {
    @return $w + unquote("px")
  }
}

/**
 * 由设计尺寸获取实际显示高度占比
 * @param {Number} h  设计高度
 * @return  **vh
 */
@function getHeight($h,$flag:true){
  @if $flag == true {
    @return math.div($h,$designHeight)*100 + unquote("vh")
  }
  @if $flag == false {
    @return $h + unquote("px")
  }
}


/**
 * 由设计尺寸获取实际字体大小
 * @param {Number} f  设计字体大小
 * @return  **rem
 */
@function getFontSize($f,$flag:true){
  @if $flag == true {
    @return math.div($f,$fontScale) + unquote("rem")
  }
  @if $flag == false {
    @return $f + unquote("px")
  }
}


$p4Kxishu:2.083333333333334;
/*
设计稿 是4000 * 2250

4000 * 1080  4000/1080 = 3.703703703703704
1920 * 518.4  1920/518.4 = 3.703703703703704

所以我们测量出来 4000 / 2.083333333333333 = 1920
*/
@function px4Kto1920($value){
  @return math.div($value,$p4Kxishu)
}

